<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="./css/user.css">
    <link rel="stylesheet" href="./css/global.css">

</head>

<body>
	<jsp:include page="head.jsp"></jsp:include>
    <div style="background-color: #e8e8e8">
    	<div class="membertab">
        <div class="memblist">
            <div class="membhead">
                <div style="text-align:center;"><img src="img/admin.jpg" width="80"></div>
                <div style="width:220px;text-align:center;">
                    <p class="membUpdate mine">${loginuser}</p>
                    <p class="membUpdate mine">
                        <a href="">修改信息</a>&nbsp;|&nbsp;
                        <a href="reset.jsp">修改密码</a>
                    </p>
                </div>
            </div>
            <div class="memb">
                <ul>
                    <li class="currnav"><a class="mb1" href="${pageContext.request.contextPath }/UserServlet?method=myCourse&uname=${loginuser}">我的课程</a></li>
                    <li><a class="mb3" href="">我的问答</a></li>
                    <li><a class="mb4" href="">我的笔记</a></li>
                    <li><a class="mb12" href="">我的作业</a></li>
                    <li><a class="mb2" href="">我的题库</a></li>
                </ul>
            </div>
        </div>


        <div class="membcont">
            <h3 class="mem-h3">我的课程</h3>
            <div class="div_course">
                <ul class="courseulr">
               		<c:forEach items="${courseBeans}" var="c" varStatus="i">
		                 <li>
	                        <div class="courselist">
	                            <a href="#" target="_blank"><img style="border-radius:3px 3px 0 0;"
	                                    width="240" src="images/c${c.cid}.jpg" title="${c.cname}"></a>
	                            <p class="courTit"><a href="#" target="_blank">${c.cname}</a></p>
	                            <div class="gray">
	                                <span>30课时 600分钟</span>
	                                <span class="sp1">${c.studys}人学习</span>
	                            </div>
	                            <div class="do">
	                                <a href="" class="go_study">继续学习</a>
	                                <a href="${pageContext.request.contextPath }/UserServlet?method=delCourse&uname=${loginuser}&cid=${c.cid}" class="del_course">取消课程</a>
	                            </div>
	                        </div>
		                 </li>
                	</c:forEach>
                </ul>
            </div>
        </div>
    </div>

	<jsp:include page="footer.jsp"></jsp:include>
	<script src="./js/jquery-1.12.4.js"></script>
	<script>
		$(".del_course").click(function(){
			return confirm('你确认要删除吗？')
		}) 
	</script>
</body>

</html>